<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联系我们</title>
<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/contact_us.css" rel="stylesheet" type="text/css">

</head>

<body>
<!--header-->
<div class="header">
	<div class="wrap-box">
			<span class="top-left">欢迎访问佳坤家具官方网站</span>
			<span class="top-right">联系我们&nbsp;&nbsp;Tel&nbsp;:&nbsp;023-88888888</span>
	</div>
	<div class="head wrap">
		<a  class="logo" href="index.html"><img class="logo-img" src="images/logo.png"><h6 class="title">佳&nbsp;坤&nbsp;家&nbsp;具</h6><span class="title-english">JIAJUNJIAJU</span></a>
		<ul class="nav">
			<li><a href="index.html">首&nbsp;&nbsp;页</a></li>
			<li><a href="about_us.html">公司介绍</a></li>
			<li><a href="news_center.html">新闻中心</a></li>
			<li><a href="pro_center.html">产品中心</a></li>
			<li class="current"><a href="contact_us.html">联系我们</a></li>
		</ul>
		<form  class="form" action="">
			<input type="text" class="search" placeholder="关键字:真的很帅">
			<input type="button" class="submit">
		</form>
	</div>
</div>
<!-- banner -->
<div class="banner">
	<div id="slideBox" class="slideBox">
        <div class="hd">
            <ul><li class="round">1</li><li class="round">2</li><li class="round">3</li></ul>
        </div>
        <div class="bd">
            <ul>
                <li><a href="#"><img src="images/banner1.png" /></a></li>
                <li><a href="#"><img src="images/banner2.png" /></a></li>
                <li><a href="#"><img src="images/banner3.png" /></a></li>
            </ul>
        </div>
	</div>
</div>
<!-- content -->
<div class="contact">
	<h1>联系我们/<span id="title">CONTACT US</span></h1>
<div class="content wrap">
    <form class="message" action="#">
        <p> 佳坤家具有限公司<br>
        地址：重庆市沙坪坝区渝培路荣欣<br>
        大厦18-8<br>
        网址：www.jiakun.com<br>
        邮箱：1234567@qq.com<br>
        联系电话：123456789<br>
        </p>
        <label>留言标题</label><br>
        <input type="text"  class="text1" value=""><br>
        <label>留言内容</label><br>
        <textarea class="text4"></textarea><br>
        <label>联系邮箱</label><br>
        <input type="text" class="text2" value=""><br>
        <label>验证码</label><br>
        <input type="text" class="text3" value="">
        <a href="#"><img class="ture" src="images/images/content_ture_03.png"/></a>
        <a href="JavaScript:void(0)">看不清，换一张</a><br>
        <input type="button" id="submit-btn" value="提交"/>
        <input type="button" id="give-up-btn" value="取消"/>
    </form>
    <div id="baiduMap">
    	
    </div>
</div>
</div>
<!-- footer -->
<div class="footer">
    <ul class="footer-nav">
        <li><a href="index.html">首&nbsp;&nbsp;页</a></li>
        <li><a href="contact_us.html">关于我们</a></li>
        <li><a href="news_center.html">新闻中心</a></li>
        <li><a href="contact_us.html">支付方式</a></li>
        <li><a href="contact_us.html">联系方式</a></li>
        <li><a href="contact_us.html">客户中心</a></li>
        <li><a href="contact_us.html">网站地图</a></li>
    </ul>
	<p class="footer-copy">Copyright&nbsp;CC&nbsp;2016-2017&nbsp;jiakun.com&nbsp;佳坤家具&nbsp;版权所有</p>
</div>
<div id="allmap"></div
><script src="js/jquery.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
	$(".slideBox").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:1000});
</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KR8EGfGg7jDOTyG4iaKgk5dQTukijYSr"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js"></script>
<script type="text/javascript">
	// 百度地图API功能
	var marker = new BMap.Marker(new BMap.Point(106.45, 29.53));
	var map = new BMap.Map("baiduMap");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(106.45, 29.53), 16);  // 初始化地图,设置中心点坐标和地图级别
	map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
	map.setCurrentCity("重庆");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	map.addOverlay(marker);            //增加点
	/*  模糊不清 还需理解*/
	
	// 百度地图API功能
	marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
	
	
	
	var currentMarker;
      var geolocation = new BMap.Geolocation();
      geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
          var mk = new BMap.Marker(r.point);
          map.addOverlay(mk);
          map.panTo(r.point);
          currentMarker = new BMap.Point(r.point.lng, r.point.lat);
        }
        else {
          alert('failed'+this.getStatus());
        }        
      },{enableHighAccuracy: true})
      map.addEventListener("click",function(e){
        map.clearOverlays();  //删除覆盖物
        var start=currentMarker;
        var end = new BMap.Point(e.point.lng, e.point.lat);
        var points = [start,end];
        var curve = new BMapLib.CurveLine(points, {strokeColor:"blue", strokeWeight:3, strokeOpacity:0.5}); //创建弧线对象
        map.addOverlay(curve);
        curve.enableEditing(); 
      });
</script>


<!--[if ite IE9]>
    <script src="js/PIE.js"></script>
    <script>
        $(function(){
            $(".round").each(function(){
                PIE.attach(this);
            });
     	});
     </script>
    <script src="js/jquery.placeholder.min.js"></script>
    <script type="text/javascript">
        $(function(){ $('input, textarea').placeholder(); });
    </script>
<![endif]-->

</body>
</html>
